<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城-小米官方网站，小米手机、红米手机正品专卖</title>
    <link rel="icon" href="./img/milogo.ico">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/gonggong.css">
    <link rel="stylesheet" href="./css/zhineng.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="app-header-wrapper">
            <div class="app-header-logo">
                <img src="./img/milogo.png" alt="">
            </div>
            <div class="app-header-search">
                <i class="iconfont icon-sousuo"></i>
                <input class="search" type="text" placeholder="搜索商品名称">
            </div>
            <div class="app-header-user">
                <i class="iconfont icon-gerenzhongxin"></i>
            </div>
        </div>
        <div class="nav-wrap">
            <div class="nav-item">
                <a href="./小米移首页(移动端).html">推荐</a>
            </div>
            <div class="nav-item">
                <a href="./小米手机(移动端).html">手机</a>
            </div>
            <div class="nav-item">
                <a class="active" href="./小米智能(移动端).html">智能</a>
            </div>
            <div class="nav-item">
                <a href="./小米电视(移动端).html">电视</a>
            </div>
            <div class="nav-item">
                <a href="./小米家电(移动端).html">家电</a>
            </div>
            <div class="nav-item">
                <a href="./小米笔记本(移动端).html">笔记本</a>
            </div>
            <div class="nav-display">
                <i class="iconfont icon-xiala"></i>
            </div>
        </div>
    </div>
    <!-- 轮播 -->
    <div class="banner">
        <a href="#">
            <img src="./img/智能banner1.jpg" alt="">
        </a>
        <div class="dots">
            <a href="#" class="dot active"></a>
            <a href="#" class="dot"></a>
            <a href="#" class="dot"></a>
            <a href="#" class="dot"></a>
            <a href="#" class="dot"></a>
        </div>
    </div>
    <div class="divider_line"></div>
    <!-- 分区 -->
    <div class="zone">
        <div class="zone-top">
            <a href="#">
                <img src="./img/zone1.jpg" alt="">
            </a>
            <a href="#">
                <img src="./img/zone2.webp" alt="">
            </a>
            <a href="#">
                <img src="./img/zone3.webp" alt="">
            </a>
            <a href="#">
                <img src="./img/zone4.webp" alt="">
            </a>
            <a href="#">
                <img src="./img/zone5.webp" alt="">
            </a>
        </div>
        <div class="zone-bottom">
            <a href="#">
                <img src="./img/zone6.png" alt="">
            </a>
            <a href="#">
                <img src="./img/zone7.png" alt="">
            </a>
            <a href="#">
                <img src="./img/zone8.png" alt="">
            </a>
            <a href="#">
                <img src="./img/zone9.png" alt="">
            </a>
            <a href="#">
                <img src="./img/zone10.png" alt="">
            </a>
        </div>
    </div>
    <div class="divider_line"></div>
    <!-- 热卖爆品 -->
    <div class="fast-moving-goods">
        <a class="fast-moving-goods" href="#">
            <img src="./img/热卖爆品.webp" alt="">
        </a>
        <div class="divider_line"></div>
        <div class="goods-list">

            <a href="#">
                <div class="img">
                    <img src="./img/扫拖一体机器人.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">扫拖一体机器人</div>
                    <div class="brief">扫得干净，拖得彻底</div>
                    <div class="price">
                        ￥1499 <del>￥1999</del>
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/小米手环5.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米手环5</div>
                    <div class="brief">11种运动模式 磁吸式充电</div>
                    <div class="price">
                        ￥169<span>起</span> <del>￥189</del>
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/净水器600G.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">净水器600G</div>
                    <div class="brief">600加仑通量，流速更快</div>
                    <div class="price">
                        ￥1699
                    </div>
                </div>
            </a>
        </div>
        <div class="divider_line"></div>
        <div class="goods-list">
            <a href="#">
                <div class="img">
                    <img src="./img/米家无线除螨仪.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">米家无线除螨仪</div>
                    <div class="brief">每个家庭都需要一台除螨仪</div>
                    <div class="price">
                        ￥549
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/Redmi AirDots 2真无线蓝牙耳机.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">Redmi AirDots 2真无线蓝牙耳机</div>
                    <div class="brief">支持蓝牙5.0，自动秒连，拿起就能用</div>
                    <div class="price">
                        ￥99
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/Redmi小爱触屏音箱 8英寸.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">Redmi小爱触屏音箱 8英寸</div>
                    <div class="brief">超大屏，让智能更多可能</div>
                    <div class="price">
                        ￥349
                    </div>
                </div>
            </a>
        </div>
        <div class="divider_line"></div>
        <div class="goods-list">
            <a href="#">
                <div class="img">
                    <img src="./img/小米AI音箱.webp" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米AI音箱</div>
                    <div class="brief">听音乐、语音遥控家电</div>
                    <div class="price">
                        ￥229 <del>￥299</del>
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/小米体脂秤2.webp" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米体脂秤2</div>
                    <div class="brief">轻松掌握身体脂肪率</div>
                    <div class="price">
                        ￥99
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/小米智能门锁 Pro.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米智能门锁 Pro</div>
                    <div class="brief">旗舰摄像头门锁，安全一步到位</div>
                    <div class="price">
                        ￥1599 <del>￥1699</del>
                    </div>
                </div>
            </a>
        </div>
        <div class="divider_line"></div>
    </div>
    <!-- 新品速递 -->
    <div class="fast-moving-goods">
        <a class="fast-moving-goods" href="#">
            <img src="./img/新品速递.jpg" alt="">
        </a>
        <div class="divider_line"></div>
        <div class="goods-list">
            <a href="#">
                <div class="img">
                    <img src="./img/扫拖一体机器人.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">扫拖一体机器人</div>
                    <div class="brief">扫得干净，拖得彻底</div>
                    <div class="price">
                        ￥1499 <del>￥1999</del>
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/小米手环5.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米手环5</div>
                    <div class="brief">11种运动模式 磁吸式充电</div>
                    <div class="price">
                        ￥169<span>起</span> <del>￥189</del>
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/净水器600G.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">净水器600G</div>
                    <div class="brief">600加仑通量，流速更快</div>
                    <div class="price">
                        ￥1699
                    </div>
                </div>
            </a>
        </div>
        <div class="divider_line"></div>
        <div class="goods-list">
            <a href="#">
                <div class="img">
                    <img src="./img/米家无线除螨仪.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">米家无线除螨仪</div>
                    <div class="brief">每个家庭都需要一台除螨仪</div>
                    <div class="price">
                        ￥549
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/Redmi AirDots 2真无线蓝牙耳机.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">Redmi AirDots 2真无线蓝牙耳机</div>
                    <div class="brief">支持蓝牙5.0，自动秒连，拿起就能用</div>
                    <div class="price">
                        ￥99
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/Redmi小爱触屏音箱 8英寸.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">Redmi小爱触屏音箱 8英寸</div>
                    <div class="brief">超大屏，让智能更多可能</div>
                    <div class="price">
                        ￥349
                    </div>
                </div>
            </a>
        </div>
        <div class="divider_line"></div>
        <div class="goods-list">
            <a href="#">
                <div class="img">
                    <img src="./img/小米AI音箱.webp" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米AI音箱</div>
                    <div class="brief">听音乐、语音遥控家电</div>
                    <div class="price">
                        ￥229 <del>￥299</del>
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/小米体脂秤2.webp" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米体脂秤2</div>
                    <div class="brief">轻松掌握身体脂肪率</div>
                    <div class="price">
                        ￥99
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/小米智能门锁 Pro.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米智能门锁 Pro</div>
                    <div class="brief">旗舰摄像头门锁，安全一步到位</div>
                    <div class="price">
                        ￥1599 <del>￥1699</del>
                    </div>
                </div>
            </a>
        </div>
        <div class="divider_line"></div>
    </div>
    <!-- 主要内容 -->
    <div class="content">
        <!-- 小家电 -->
        <div class="img1">
            <img src="./img/小家电.webp" alt="">
        </div>
        <div class="divider_line"></div>
        <div class="goods-list">
            <a href="#">
                <div class="img">
                    <img src="./img/扫拖一体机器人.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">扫拖一体机器人</div>
                    <div class="brief">扫得干净，拖得彻底</div>
                    <div class="price">
                        ￥1499 <del>￥1999</del>
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/小米手环5.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米手环5</div>
                    <div class="brief">11种运动模式 磁吸式充电</div>
                    <div class="price">
                        ￥169<span>起</span> <del>￥189</del>
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/净水器600G.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">净水器600G</div>
                    <div class="brief">600加仑通量，流速更快</div>
                    <div class="price">
                        ￥1699
                    </div>
                </div>
            </a>
        </div>
        <div class="divider_line"></div>
        <div class="goods-list">
            <a href="#">
                <div class="img">
                    <img src="./img/米家无线除螨仪.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">米家无线除螨仪</div>
                    <div class="brief">每个家庭都需要一台除螨仪</div>
                    <div class="price">
                        ￥549
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/Redmi AirDots 2真无线蓝牙耳机.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">Redmi AirDots 2真无线蓝牙耳机</div>
                    <div class="brief">支持蓝牙5.0，自动秒连，拿起就能用</div>
                    <div class="price">
                        ￥99
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/Redmi小爱触屏音箱 8英寸.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">Redmi小爱触屏音箱 8英寸</div>
                    <div class="brief">超大屏，让智能更多可能</div>
                    <div class="price">
                        ￥349
                    </div>
                </div>
            </a>
        </div>
        <div class="divider_line"></div>
        <div class="goods-list">
            <a href="#">
                <div class="img">
                    <img src="./img/小米AI音箱.webp" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米AI音箱</div>
                    <div class="brief">听音乐、语音遥控家电</div>
                    <div class="price">
                        ￥229 <del>￥299</del>
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/小米体脂秤2.webp" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米体脂秤2</div>
                    <div class="brief">轻松掌握身体脂肪率</div>
                    <div class="price">
                        ￥99
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/小米智能门锁 Pro.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米智能门锁 Pro</div>
                    <div class="brief">旗舰摄像头门锁，安全一步到位</div>
                    <div class="price">
                        ￥1599 <del>￥1699</del>
                    </div>
                </div>
            </a>
        </div>
        <div class="divider_line"></div>
        <!-- 智能穿戴 -->
        <div class="img1">
            <img src="./img/智能穿戴.webp" alt="">
        </div>
        <div class="divider_line"></div>
        <div class="goods-list">
            <a href="#">
                <div class="img">
                    <img src="./img/扫拖一体机器人.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">扫拖一体机器人</div>
                    <div class="brief">扫得干净，拖得彻底</div>
                    <div class="price">
                        ￥1499 <del>￥1999</del>
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/小米手环5.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米手环5</div>
                    <div class="brief">11种运动模式 磁吸式充电</div>
                    <div class="price">
                        ￥169<span>起</span> <del>￥189</del>
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/净水器600G.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">净水器600G</div>
                    <div class="brief">600加仑通量，流速更快</div>
                    <div class="price">
                        ￥1699
                    </div>
                </div>
            </a>
        </div>
        <div class="divider_line"></div>
        <div class="goods-list">
            <a href="#">
                <div class="img">
                    <img src="./img/米家无线除螨仪.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">米家无线除螨仪</div>
                    <div class="brief">每个家庭都需要一台除螨仪</div>
                    <div class="price">
                        ￥549
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/Redmi AirDots 2真无线蓝牙耳机.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">Redmi AirDots 2真无线蓝牙耳机</div>
                    <div class="brief">支持蓝牙5.0，自动秒连，拿起就能用</div>
                    <div class="price">
                        ￥99
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/Redmi小爱触屏音箱 8英寸.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">Redmi小爱触屏音箱 8英寸</div>
                    <div class="brief">超大屏，让智能更多可能</div>
                    <div class="price">
                        ￥349
                    </div>
                </div>
            </a>
        </div>
        <div class="divider_line"></div>
        <!-- 耳机音响 -->
        <div class="img1">
            <img src="./img/耳机音响.webp" alt="">
        </div>
        <div class="divider_line"></div>
        <div class="goods-list">
            <a href="#">
                <div class="img">
                    <img src="./img/扫拖一体机器人.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">扫拖一体机器人</div>
                    <div class="brief">扫得干净，拖得彻底</div>
                    <div class="price">
                        ￥1499 <del>￥1999</del>
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/小米手环5.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米手环5</div>
                    <div class="brief">11种运动模式 磁吸式充电</div>
                    <div class="price">
                        ￥169<span>起</span> <del>￥189</del>
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/净水器600G.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">净水器600G</div>
                    <div class="brief">600加仑通量，流速更快</div>
                    <div class="price">
                        ￥1699
                    </div>
                </div>
            </a>
        </div>
        <div class="divider_line"></div>
        <div class="goods-list">
            <a href="#">
                <div class="img">
                    <img src="./img/米家无线除螨仪.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">米家无线除螨仪</div>
                    <div class="brief">每个家庭都需要一台除螨仪</div>
                    <div class="price">
                        ￥549
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/Redmi AirDots 2真无线蓝牙耳机.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">Redmi AirDots 2真无线蓝牙耳机</div>
                    <div class="brief">支持蓝牙5.0，自动秒连，拿起就能用</div>
                    <div class="price">
                        ￥99
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/Redmi小爱触屏音箱 8英寸.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">Redmi小爱触屏音箱 8英寸</div>
                    <div class="brief">超大屏，让智能更多可能</div>
                    <div class="price">
                        ￥349
                    </div>
                </div>
            </a>
        </div>
        <div class="divider_line"></div>
        <div class="goods-list">
            <a href="#">
                <div class="img">
                    <img src="./img/小米AI音箱.webp" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米AI音箱</div>
                    <div class="brief">听音乐、语音遥控家电</div>
                    <div class="price">
                        ￥229 <del>￥299</del>
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/小米体脂秤2.webp" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米体脂秤2</div>
                    <div class="brief">轻松掌握身体脂肪率</div>
                    <div class="price">
                        ￥99
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/小米智能门锁 Pro.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米智能门锁 Pro</div>
                    <div class="brief">旗舰摄像头门锁，安全一步到位</div>
                    <div class="price">
                        ￥1599 <del>￥1699</del>
                    </div>
                </div>
            </a>
        </div>
        <div class="divider_line"></div>
        <!-- 品质灯具 -->
        <div class="img1">
            <img src="./img/品质灯具.webp" alt="">
        </div>
        <div class="divider_line"></div>
        <div class="goods-list">
            <a href="#">
                <div class="img">
                    <img src="./img/扫拖一体机器人.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">扫拖一体机器人</div>
                    <div class="brief">扫得干净，拖得彻底</div>
                    <div class="price">
                        ￥1499 <del>￥1999</del>
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/小米手环5.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米手环5</div>
                    <div class="brief">11种运动模式 磁吸式充电</div>
                    <div class="price">
                        ￥169<span>起</span> <del>￥189</del>
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/净水器600G.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">净水器600G</div>
                    <div class="brief">600加仑通量，流速更快</div>
                    <div class="price">
                        ￥1699
                    </div>
                </div>
            </a>
        </div>
        <div class="divider_line"></div>
        <div class="goods-list">
            <a href="#">
                <div class="img">
                    <img src="./img/米家无线除螨仪.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">米家无线除螨仪</div>
                    <div class="brief">每个家庭都需要一台除螨仪</div>
                    <div class="price">
                        ￥549
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/Redmi AirDots 2真无线蓝牙耳机.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">Redmi AirDots 2真无线蓝牙耳机</div>
                    <div class="brief">支持蓝牙5.0，自动秒连，拿起就能用</div>
                    <div class="price">
                        ￥99
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/Redmi小爱触屏音箱 8英寸.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">Redmi小爱触屏音箱 8英寸</div>
                    <div class="brief">超大屏，让智能更多可能</div>
                    <div class="price">
                        ￥349
                    </div>
                </div>
            </a>
        </div>
        <div class="divider_line"></div>
        <!-- 生活居家 -->
        <div class="img1">
            <img src="./img/生活居家.webp" alt="">
        </div>
        <div class="divider_line"></div>
        <div class="goods-list">
            <a href="#">
                <div class="img">
                    <img src="./img/扫拖一体机器人.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">扫拖一体机器人</div>
                    <div class="brief">扫得干净，拖得彻底</div>
                    <div class="price">
                        ￥1499 <del>￥1999</del>
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/小米手环5.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米手环5</div>
                    <div class="brief">11种运动模式 磁吸式充电</div>
                    <div class="price">
                        ￥169<span>起</span> <del>￥189</del>
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/净水器600G.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">净水器600G</div>
                    <div class="brief">600加仑通量，流速更快</div>
                    <div class="price">
                        ￥1699
                    </div>
                </div>
            </a>
        </div>
        <div class="divider_line"></div>
        <div class="goods-list">
            <a href="#">
                <div class="img">
                    <img src="./img/米家无线除螨仪.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">米家无线除螨仪</div>
                    <div class="brief">每个家庭都需要一台除螨仪</div>
                    <div class="price">
                        ￥549
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/Redmi AirDots 2真无线蓝牙耳机.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">Redmi AirDots 2真无线蓝牙耳机</div>
                    <div class="brief">支持蓝牙5.0，自动秒连，拿起就能用</div>
                    <div class="price">
                        ￥99
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/Redmi小爱触屏音箱 8英寸.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">Redmi小爱触屏音箱 8英寸</div>
                    <div class="brief">超大屏，让智能更多可能</div>
                    <div class="price">
                        ￥349
                    </div>
                </div>
            </a>
        </div>
        <div class="divider_line"></div>
        <div class="goods-list">
            <a href="#">
                <div class="img">
                    <img src="./img/小米AI音箱.webp" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米AI音箱</div>
                    <div class="brief">听音乐、语音遥控家电</div>
                    <div class="price">
                        ￥229 <del>￥299</del>
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/小米体脂秤2.webp" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米体脂秤2</div>
                    <div class="brief">轻松掌握身体脂肪率</div>
                    <div class="price">
                        ￥99
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/小米智能门锁 Pro.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米智能门锁 Pro</div>
                    <div class="brief">旗舰摄像头门锁，安全一步到位</div>
                    <div class="price">
                        ￥1599 <del>￥1699</del>
                    </div>
                </div>
            </a>
        </div>
        <div class="divider_line"></div>
        <!-- 便捷出行 -->
        <div class="img1">
            <img src="./img/便捷出行.webp" alt="">
        </div>
        <div class="divider_line"></div>
        <div class="goods-list">
            <a href="#">
                <div class="img">
                    <img src="./img/扫拖一体机器人.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">扫拖一体机器人</div>
                    <div class="brief">扫得干净，拖得彻底</div>
                    <div class="price">
                        ￥1499 <del>￥1999</del>
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/小米手环5.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米手环5</div>
                    <div class="brief">11种运动模式 磁吸式充电</div>
                    <div class="price">
                        ￥169<span>起</span> <del>￥189</del>
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/净水器600G.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">净水器600G</div>
                    <div class="brief">600加仑通量，流速更快</div>
                    <div class="price">
                        ￥1699
                    </div>
                </div>
            </a>
        </div>
        <div class="divider_line"></div>
        <div class="goods-list">
            <a href="#">
                <div class="img">
                    <img src="./img/米家无线除螨仪.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">米家无线除螨仪</div>
                    <div class="brief">每个家庭都需要一台除螨仪</div>
                    <div class="price">
                        ￥549
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/Redmi AirDots 2真无线蓝牙耳机.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">Redmi AirDots 2真无线蓝牙耳机</div>
                    <div class="brief">支持蓝牙5.0，自动秒连，拿起就能用</div>
                    <div class="price">
                        ￥99
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/Redmi小爱触屏音箱 8英寸.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">Redmi小爱触屏音箱 8英寸</div>
                    <div class="brief">超大屏，让智能更多可能</div>
                    <div class="price">
                        ￥349
                    </div>
                </div>
            </a>
        </div>
        <div class="divider_line"></div>
        <div class="goods-list">
            <a href="#">
                <div class="img">
                    <img src="./img/小米AI音箱.webp" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米AI音箱</div>
                    <div class="brief">听音乐、语音遥控家电</div>
                    <div class="price">
                        ￥229 <del>￥299</del>
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/小米体脂秤2.webp" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米体脂秤2</div>
                    <div class="brief">轻松掌握身体脂肪率</div>
                    <div class="price">
                        ￥99
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/小米智能门锁 Pro.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米智能门锁 Pro</div>
                    <div class="brief">旗舰摄像头门锁，安全一步到位</div>
                    <div class="price">
                        ￥1599 <del>￥1699</del>
                    </div>
                </div>
            </a>
        </div>
        <div class="divider_line"></div>
        <!-- 个护清洁 -->
        <div class="img1">
            <img src="./img/个护清洁.webp" alt="">
        </div>
        <div class="divider_line"></div>
        <div class="goods-list">
            <a href="#">
                <div class="img">
                    <img src="./img/扫拖一体机器人.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">扫拖一体机器人</div>
                    <div class="brief">扫得干净，拖得彻底</div>
                    <div class="price">
                        ￥1499 <del>￥1999</del>
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/小米手环5.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米手环5</div>
                    <div class="brief">11种运动模式 磁吸式充电</div>
                    <div class="price">
                        ￥169<span>起</span> <del>￥189</del>
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/净水器600G.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">净水器600G</div>
                    <div class="brief">600加仑通量，流速更快</div>
                    <div class="price">
                        ￥1699
                    </div>
                </div>
            </a>
        </div>
        <div class="divider_line"></div>
        <div class="goods-list">
            <a href="#">
                <div class="img">
                    <img src="./img/米家无线除螨仪.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">米家无线除螨仪</div>
                    <div class="brief">每个家庭都需要一台除螨仪</div>
                    <div class="price">
                        ￥549
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/Redmi AirDots 2真无线蓝牙耳机.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">Redmi AirDots 2真无线蓝牙耳机</div>
                    <div class="brief">支持蓝牙5.0，自动秒连，拿起就能用</div>
                    <div class="price">
                        ￥99
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/Redmi小爱触屏音箱 8英寸.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">Redmi小爱触屏音箱 8英寸</div>
                    <div class="brief">超大屏，让智能更多可能</div>
                    <div class="price">
                        ￥349
                    </div>
                </div>
            </a>
        </div>
        <div class="divider_line"></div>
        <!-- 儿童专区 -->
        <div class="img1">
            <img src="./img/儿童专区.webp" alt="">
        </div>
        <div class="divider_line"></div>
        <div class="goods-list">
            <a href="#">
                <div class="img">
                    <img src="./img/扫拖一体机器人.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">扫拖一体机器人</div>
                    <div class="brief">扫得干净，拖得彻底</div>
                    <div class="price">
                        ￥1499 <del>￥1999</del>
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/小米手环5.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米手环5</div>
                    <div class="brief">11种运动模式 磁吸式充电</div>
                    <div class="price">
                        ￥169<span>起</span> <del>￥189</del>
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/净水器600G.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">净水器600G</div>
                    <div class="brief">600加仑通量，流速更快</div>
                    <div class="price">
                        ￥1699
                    </div>
                </div>
            </a>
        </div>
        <div class="divider_line"></div>
        <!-- 配件耗材 -->
        <div class="img1">
            <img src="./img/配件耗材.webp" alt="">
        </div>
        <div class="divider_line"></div>
        <div class="goods-list">
            <a href="#">
                <div class="img">
                    <img src="./img/扫拖一体机器人.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">扫拖一体机器人</div>
                    <div class="brief">扫得干净，拖得彻底</div>
                    <div class="price">
                        ￥1499 <del>￥1999</del>
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/小米手环5.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米手环5</div>
                    <div class="brief">11种运动模式 磁吸式充电</div>
                    <div class="price">
                        ￥169<span>起</span> <del>￥189</del>
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/净水器600G.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">净水器600G</div>
                    <div class="brief">600加仑通量，流速更快</div>
                    <div class="price">
                        ￥1699
                    </div>
                </div>
            </a>
        </div>
        <div class="divider_line"></div>
        <div class="goods-list">
            <a href="#">
                <div class="img">
                    <img src="./img/米家无线除螨仪.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">米家无线除螨仪</div>
                    <div class="brief">每个家庭都需要一台除螨仪</div>
                    <div class="price">
                        ￥549
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/Redmi AirDots 2真无线蓝牙耳机.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">Redmi AirDots 2真无线蓝牙耳机</div>
                    <div class="brief">支持蓝牙5.0，自动秒连，拿起就能用</div>
                    <div class="price">
                        ￥99
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/Redmi小爱触屏音箱 8英寸.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">Redmi小爱触屏音箱 8英寸</div>
                    <div class="brief">超大屏，让智能更多可能</div>
                    <div class="price">
                        ￥349
                    </div>
                </div>
            </a>
        </div>
        <div class="divider_line"></div>
        <div class="goods-list">
            <a href="#">
                <div class="img">
                    <img src="./img/小米AI音箱.webp" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米AI音箱</div>
                    <div class="brief">听音乐、语音遥控家电</div>
                    <div class="price">
                        ￥229 <del>￥299</del>
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/小米体脂秤2.webp" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米体脂秤2</div>
                    <div class="brief">轻松掌握身体脂肪率</div>
                    <div class="price">
                        ￥99
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="img">
                    <img src="./img/小米智能门锁 Pro.jpg" alt="">
                </div>
                <div class="info-box">
                    <div class="name">小米智能门锁 Pro</div>
                    <div class="brief">旗舰摄像头门锁，安全一步到位</div>
                    <div class="price">
                        ￥1599 <del>￥1699</del>
                    </div>
                </div>
            </a>
        </div>
        <div class="divider_line"></div>
        <a class="discounts" href="#">
            <img src="./img/9.9元.jpg" alt="">
        </a>
    </div>
    <!-- 脚部 -->
    <div class="footer">
        <a class="active" href="#">
            <i class="iconfont icon-shouye"></i>
            <span>首页</span>
        </a>
        <a href="#">
            <i class="iconfont icon-fenlei"></i>
            <span>分类</span>
        </a>
        <a href="#">
            <i class="iconfont icon-wangzhi"></i>
            <span>米圈</span>
        </a>
        <a href="#">
            <i class="iconfont icon-gouwuche"></i>
            <span>购物车</span>
        </a>
        <a href="#">
            <i class="iconfont icon-gerenzhongxin"></i>
            <span>我的</span>
        </a>
    </div>
    <script src="./js/rem.js"></script>

</body>

</html>